<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .lefter{height:100px; width:200px;float:left;}
        .righter{height:100px; width:200px;float:right;}
        .middle{ width:100px;margin-left:200px;margin-right:200px;position:absolute;}
    </style>
</head>
<body>
<div style="position: relative;height: 100%;width: 100%">
    <div class="lefter" style="background-color: red"></div>
    <div class="middle" style="background-color: green"></div>
    <div class="righter" style="background-color: orange"></div>

</div>
</body>
</html>